﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>SPITFIRE REST manage system</title>
<link href="shortcut_icon_1.png" rel="shortcut icon" type="image/x-icon" />
<link href="Content/flick/jquery-ui-1.10.3.custom.css" rel="stylesheet"
	type="text/css" />
<link href="Content/utility.css" rel="stylesheet" />
<link href="Content/site.css" rel="stylesheet" />
<link href="Content/index.css" rel="stylesheet" />
<script src="Scripts/jquery-1.10.1.js"></script>
<script src="Scripts/jquery-ui-1.10.3.custom.js"></script>
<script src="Scripts/utility.js"></script>
<script src="Scripts/CookieControl.js"></script>

<script src="Scripts/index.js"></script>
<script>
	loadTimeout();// this function to control loading
</script>
</head>
<body style="background-color:gray">


	<div id="header" class="transparent">
		<img src="Images/spitfire-logo2_0.png" class="headerImage" />
	</div>
	<!-- end of header -->
	<div id="loginFormOut" class="roundCorner">

		<div class="inputsurrounding username">
			<input type="text" id="LoginEmail" /> <label for="LoginEmail"
				type="text">Email</label>
		</div>
		<div class="inputsurrounding password">
			<input type="password" id="LoginPassword" type="text" /> <label
				for="LoginPassword" type="password">password</label>
		</div>
		<div class=" login">
			<a href="#" id="LoginLink">login</a>
		</div>

	</div>


	<!-- end of login form -->
	<div id="registerFormOut" class="roundCorner">
		<div class='remined'>Sign up:</div>
		<div id='line'></div>
		<div class="inputsurrounding registerUsername">
			<input type="text" id="registerEmail" /> <label for="registerEmail"
				type="text">Email</label>
		</div>
		<div class="inputsurrounding registerPassword">
			<input type="password" id="registerPassword" type="text" /> <label
				for="registerPassword" type="password">password</label>
		</div>
		<div class="inputsurrounding registerPasswordConfirm">
			<input type="password" id="registerPasswordConfirm" type="text" /> <label
				for="registerPasswordConfirm" type="password">password
				confirm</label>
		</div>
		<div class=" register">
			<a href="#" id="registerLink">Sign up </a>
		</div>

	</div>


	<!-- end of register form -->

	<div class="" style="position:absolute;bottom:50px;left:20px">
		<img src="Images/spitfire_logo.png" style="top:20px;left:20px;"/>
	</div>
	<div class="backgroundImageCover"></div>

	<!-- end of background -->


	<div id="slogan">
		<h2>Welcome to SPITFIRE</h2>
		<h5>Semantic Web interaction with Real Objects</h5>
	</div>

	<!-- end of slogan -->

	<div id="footer">
		<div class="content-wrapper">
			<div class="float-left">
				<p>&copy;2013-Spitfire</p>
			</div>
		</div>
	</div>

	<!-- end of footer -->
</body>
</html>
